<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<!-- 表示根据设备的大小调整页面显示的宽度-->
	<meta name="viewport" content="width=device-width,initial-scale=1">
	<title>10.20作业</title>
	<link rel="stylesheet" type="text/css" href="CSS/style.css">
</head>
<body>
	<div class="top">
	</div>
	<div class="body">
		<div class="under_top">
			<div class="under_top1">
				<p>新品9折</p>
				<a href="#">detail view</a>
			</div>
			<div class="under_top2">
				<p>新品9折</p>
				<a href="#">detail view</a>
			</div>
		</div>
		<div class="product">
			<span>Our Product</span>
			<ul>
				<li><a href="#">新品</a></li>
				<li><a href="#">人气</a></li>
				<li><a href="#">精选</a></li>
			</ul>
		</div>
		<div class="products">
			<div class="products_left">
				<a href="#"><img src="image/vase.png" alt="detail view"></a>
				<p>这是一个标题</p>
				<p class="products_price">¥599</p>
			</div>
			<div class="products_left">
				<a href="#"><img src="image/vase.png" alt="detail view"></a>
				<p>这是一个标题</p>
				<p class="products_price">¥599</p>
			</div>
			<div class="products_left">
				<a href="#"><img src="image/vase.png" alt="detail view"></a>
				<p>这是一个标题</p>
				<p class="products_price">¥599</p>
			</div>
			<div class="products_right">
				<a href="#"><img src="image/vase.png" alt="detail view"></a>
				<p>这是一个标题</p>
				<p class="products_price">¥599</p>
			</div>
			<div class="products_left">
				<a href="#"><img src="image/vase.png" alt="detail view"></a>
				<p>这是一个标题</p>
				<p class="products_price">¥599</p>
				<span class="discount">90%</span>
			</div>
			<div class="products_left">
				<a href="#"><img src="image/vase.png" alt="detail view"></a>
				<p>这是一个标题</p>
				<p class="products_price">¥599</p>
			</div>
			<div class="products_left">
				<a href="#"><img src="image/vase.png" alt="detail view"></a>
				<p>这是一个标题</p>
				<p class="products_price">¥599</p>
			</div>
			<div class="products_right">
				<a href="#"><img src="image/vase.png" alt="detail view"></a>
				<p>这是一个标题</p>
				<p class="products_price">¥599</p>
			</div>
		</div>
		<div class="member">
			<div class="member_position">
				<p class="member_only">会员专享</p>
				<p class="policy">加入会员享8折购</p>
				<a href="#" style="margin-left: 20px">detail view</a>
			</div>
		</div>
		<div class="story">
			<p>Our Story</p>
			<p>最新潮流</p>
		</div>
		<div class="under_story">
			<div class="under_story_left">
				<a href="#">detail view</a>
				<p class="story_text1">哥斯达，产品</p>
				<p class="story_text2">包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。</p>
			</div>
			<div class="under_story_left">
				<a href="#">detail view</a>
				<p class="story_text1">哥斯达，产品</p>
				<p class="story_text2">包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。</p>
			</div>
			<div class="under_story_right">
				<a href="#">detail view</a>
				<p class="story_text1">哥斯达，产品</p>
				<p class="story_text2">包图网隶属于上海品图网络科技有限公司，作为国内第一家宣扬“包你满意”的设计素材网站，包图网立志打造一个解决国内设计素材质量参差不齐问题的设计网站。</p>
			</div>
		</div>
		<div class="popularity">
			<p>Our Product</p>
			<p>人气产品</p>
		</div>
		<div class="popularities">
			<div class="popularity1">
				<div class="popularity1_left">
					<img class="coathanger" src="image/coathanger.png" alt="产品">
					<img class="heart" src="image/heart.png" alt="喜欢吗？">
					<span>这是一个标题</span>
					<p>¥599</p>
				</div>
				<div class="popularity1_left">
					<img class="coathanger" src="image/coathanger.png" alt="产品">
					<img class="heart" src="image/heart.png" alt="喜欢吗？">
					<span>这是一个标题</span>
					<p>¥599</p>
				</div>
				<div class="popularity1_left">
					<img class="coathanger" src="image/coathanger.png" alt="产品">
					<img class="heart" src="image/heart.png" alt="喜欢吗？">
					<span>这是一个标题</span>
					<p>¥599</p>
				</div>
				<div class="popularity1_left">
					<img class="coathanger" src="image/coathanger.png" alt="产品">
					<img class="heart" src="image/heart.png" alt="喜欢吗？">
					<span>这是一个标题</span>
					<p>¥599</p>
				</div>
				<div class="popularity1_right">
					<img class="coathanger" src="image/coathanger.png" alt="产品">
					<img class="heart" src="image/heart.png" alt="喜欢吗？">
					<span>这是一个标题</span>
					<p>¥599</p>
				</div>
			</div>
			<div class="popularity2">
				<div class="popularity2_left">
					<p>椅子专区</p>
					<a href="#"><img src="image/arrow.png" alt="跳转"></a>
				</div>
				<div class="popularity2_left">
					<p>椅子专区</p>
					<a href="#"><img src="image/arrow.png" alt="跳转"></a>
				</div>
				<div class="popularity2_right">
					<p>椅子专区</p>
					<a href="#"><img src="image/arrow.png" alt="跳转"></a>
				</div>
			</div>
		</div>
	</div>
	<div class="foot">
		<div class="foot_texts">
			<div class="foot_text">
				<p class="foot_p1">关于图片</p>
				<p class="foot_p">图片因光线和产品批次等问题，可能会有差异，请以收到实际货品为准。</p>
			</div>
			<div class="foot_text2">
				<p class="foot_p2">7天无理由退换货</p>
				<p class="foot_p">本店支持7天无理由退换货，买家主观原因的退换货，买家承担邮费，商品质量问题等卖家原因的退换，卖家承担所有邮费。</p>
			</div>
			<div class="foot_text">
				<p class="foot_p3">100%正品保证</p>
				<p class="foot_p">本店承诺，所售产品均为正品，购买产品请认准授权，谨防假冒劣质。
				</p>
			</div>
			<div class="foot_text">
				<p class="foot_p4">关于发货</p>
				<p class="foot_p">每日下午16:00前的订单当日可以发货。本店默认汇通，EMS快递。</p>
			</div>
			<div class="search">  
				<FORM method="GET" action="http://www.google.com/search">    
					<input type="hidden" value="GB2312">    
					<input type="hidden" value="GB2312">    
					<input TYPE="hidden" VALUE="zh-CN"> 
					<div>  
						<input TYPE="text" name="q" size="18" maxlength="255"  value="">      
						<button type="submit"><img src="image/search.png"></button>    
					</div>
				</FORM>   
			</div>
		</div>
	</div>
</body>
</html>